.youshi { height:455px;}
.youshi dl { width: 25%; text-align:center; float:left;}
.youshi dl h3 { font-size:17px; color:#3d3d3d; font-family:"微软雅黑"; font-weight:700; margin-top:13px; line-height:29px;}
.youshi dl dd { line-height:13px; color:#9c9c9c; font-size:12px;} 












.about { width:100%; margin:0px auto; clear:both; overflow:visible; background: url(../images/about_bg.jpg) center top  no-repeat; height:530px; overflow:hidden;}
.about_con { width:1200px; margin:0px auto; padding-top:82px;}


.about_l { width:512px; height:530px; float:left;  }


.about_r a { color:#fff;}
.about_r { width:491px; float:right; padding-right:24px; text-align:left; }
.about_r h3 { color:#000; font-size:35px; line-height:67px; margin-top:0px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:40px; font-weight:700; padding-left:47px; width:237px; text-align:right; }
.about_r h3 i { width:239px; height:39px;}
.about_r h3 b { color:#fff; font-size:22px; font-family:"黑体"; line-height:44px; display:block;}


.about_r p { color:#ffffff;margin-top:35px; line-height:28px; font-size:14px; }



.about_r .more { margin-top:30px!important;}




.pro {  width:100%; margin:0px auto; clear:both; overflow:visible; background: url(../images/pro_bg.jpg) center top  repeat; height:660px;}
.pro .con { padding-top:101px;}
.pro h2 { width:355px; float:left; padding-left:30px; text-align:left;}
.pro h2 i { margin-top:8px; display:block;}
.pro h2 b { color:#0163ac; font-size:25px; line-height:34px; padding-bottom:15px; background:url(../images/pro_xx.jpg) left bottom no-repeat; width:100%; float:left;}
.pro h2 p  { font-size:14px; color:#6e6e6e; font-weight:400; width:76%; margin-top:20px; float:left; }
.pro dl {width:385px; float:left;position:relative; height:208px;}
.pro .dl1 {margin-left:22px;}
.pro .dl2 {margin-left:22px;}
.pro .dl3 {margin-left:0px;}
.pro .dl4 {margin-left:22px;}
.pro .dl5 {margin-left:22px;} 
.pro dl dt { position:absolute; width:385px;height:208px; overflow:hidden;}


.pro a:hover dl dt img{ transition:all 0.5s;}
.pro a:hover dl dt img{ transform:scale(1.1);}


.pro dl dd { position:absolute; width:282px; height:107px; line-height:107px; color:#fff; background:rgba(255,255,255,.2); text-align:center; font-weight:700; font-size:25px; top:52px; left:48px; z-index:99;}

.pro_more { width:385px;height:208px; float:left; background:#0163ab; margin-left:22px; text-align:center;  }

.pro_more .more { margin-left:118px; margin-top:81px;}










.news {width:100%; margin:0px auto; clear:both; overflow:visible; background: url(../images/xm_bg1.jpg) center top  no-repeat #fff; height:682px;}
.news_con {width:1200px; margin:0px auto 25px auto;}
.news_l { width:536px; height:370px; float:left; position:relative; }
.news_l img { width:536px; position:absolute; height:370px;}
.news_l p { width:159px; position:absolute; height:43px; line-height:43px; margin:0px auto; position:absolute; top:300px; background:rgba(0,106,179,.8); text-align:center; color:#ff; font-size:15px; left:202px;}
.news_l a p { color:#fff;}
.news_r { width:586px; margin-right:41px;float:right; text-align:left;}


.news_r dl {width:100%;  height:100px;  float:left; margin-bottom:34px;transition:all 0.4s; }
.news_r a:hover dl  {transform:translateY(-10px); }

.news_r dl dt {  float:left; width:100px; height:100px; background:#016ab3; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif;color:#fff; font-size:14px;line-height:17px;font-weight:400; font-style:normal!important;}
.news_r dl dt b {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-weight:700;}
.news_r dl dt em  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc01  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc02  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc03  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}


.news_r dl dt prc04  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc05  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc06  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}

.news_r dl dt prc07  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc08  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc09  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}


.news_r dl dt prc10  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc11  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}
.news_r dl dt prc12  {color:#fff; margin-top:22px; line-height:35px; width:100%; float:left; font-size:25px;font-weight:700;font-style:normal!important;}



.news_r dl dd { width:452px; float:right; height:100px; text-align:left; border-bottom:1px solid #d5d5d5;}
.news_r dl dd h3 { line-height:28px; margin-top:3px; font-size:15px;color: #3a3a3a; font-weight:700;}

.news_r dl dd span { line-height:31px;}
.news_r dl dd p { color:#606060; font-size:14px; line-height:24px;margin-top:5px;}
.news_r dl dd i { margin-top:10px; float:left;} 

.news_more {width:1200px; margin:0px auto 25px auto; }
.news_more .more { margin:0px auto; color:#016ab3;   border:2px solid #016ab3;}





  .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	
	
	
.swiper-pagination-bullet {
    width: 14px!important;
    height: 14px!important;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}



.swiper-pagination-bullet-active {
    opacity: 1;
    background:#d70002!important;}
	
	
	
	
	 .swiper-container-zjtd {
      width: 100%;
      height: 100%; text-align:center;
    }
    .swiper-slide-zjtd {
      text-align: center;
      font-size: 18px;
     

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	